<template>
	<div class="detail-item">
		<div class="item">
      <div class="title">
        产品信息
      </div>
      <div class="jx-table" style="padding: 0;">
        <el-table :data="detail" border style="width: 100%" v-loading="boo.loading">
          <el-table-column type="index" label="序列" width="60" align="center">
          </el-table-column>
          <el-table-column prop="item1" label="产品名称" width="150" align="center">
          </el-table-column>
          <el-table-column prop="item2" label="产品主图" width="150" align="center">
            <template slot-scope="scope">
              <img class="logo" :src="scope.row.item2"/>
            </template>
          </el-table-column>
          <el-table-column prop="item3" label="产品规格" align="center" :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column prop="item4" label="价格"  align="center" :show-overflow-tooltip="true">
          </el-table-column>
        </el-table>
      </div>
    </div>
	</div>
</template>

<script>
  const record = [
    {item1: '洗车服务',item2: '/static/img/u5291.png',item3: '普通清洗服务，不加空调清洗',item4: '20.00'},
    {item1: '洗车服务',item2: '/static/img/u5291.png',item3: '普通清洗服务，不加空调清洗',item4: '19.00'}  
  ]
	export default {
		data() {
			return {
        boo: {
          loading: false,
        },
        detail: record,
			}
		},
		mounted(){
    },
		methods: {
    }
	}

</script>
<style scoped lang="sass">
  .jx-table
    /deep/ .el-table__body td
      .cell
        height: auto
        line-height: auto
        margin-bottom: 0 !important
</style>
